<script setup>
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import HomeProduct from './components/HomeProduct.vue'
import HomePanel from './components/HomePanel.vue'

// import { useCategoryStore } from '@/stores/category';
// import { onMounted } from 'vue';

// const categoryStore = useCategoryStore();
// onMounted(() => {
// 	categoryStore.getCategory();
// });
</script>

<template>
	<div class="container">
		<HomeCategory />
		<HomeBanner />
	</div>
	<HomeNew />
	<HomeHot />
	<HomeProduct />
	<!-- <HomePanel title="新鲜好物" subTitle="新鲜好物 好多商品">
		<div>
			111
		</div>
	</HomePanel>
	<HomePanel title="人气推荐" subTitle="人气推荐 好多商品">
		<div>
			222
		</div>
	</HomePanel> -->
</template>

<style scoped lang="scss">
/*
这里可以不单独写container样式，因为在common.scss定义了下面样式
.container {
  width: 1240px;
  margin: 0 auto;
  position: relative;
}*/
.container {
	position: relative;
}
</style>